<template>
  <div class="yy-box col-beth col-chris col-danny col-wallow" :class="{'active':isActive}">
    <div class="beth" v-if="codes[code] === 'beth'">
      <div class="cat"></div>
    </div>
    <div class="chris" v-if="codes[code] === 'chris'">
      <div class="bee"></div>
    </div>
    <div class="danny" v-if="codes[code] === 'danny'">
      <div class="dog"></div>
    </div>
    <div class="wallow" v-if="codes[code] === 'wallow'">
      <div class="eagle"></div>
    </div>
  </div>
</template>

<script>

export default {
  name: 'Yy',
  data() {
    return {
      codes: ['beth','chris','danny','wallow'],
      isActive:false
    }
  },
  props: {
    code: {
      type: Number,
      default: 0
    }
  },
  mounted() {
    this.init();
  },

  methods: {
    init(){
      setTimeout(()=>{
        this.isActive = !this.isActive;
        this.init();
      },200)
    }
  }
}
</script>
<style  lang="less">
.yy-box {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;

  .thnx {
    position: absolute;
    bottom: 20px;
    margin-bottom: 10px;
    width: 100%;
    text-align: center;
    font-size: calc(16px + 1vw);
    text-transform: uppercase;
    -webkit-animation: blink 2s ease infinite;
    animation: blink 2s ease infinite;
  }

  .thnx a,
  .thnx a:visited {
    display: inline-block;
    padding-bottom: 2px;
    border-bottom: 2px solid #fff;
    color: #fff;
    text-decoration: none;
  }

  .beth,
  .chris,
  .danny,
  .wallow,
  .cat,
  .bee,
  .eagle,
  .dog {
    width: 6px;
    height: 6px;
    background-color: transparent;
  }

  .beth,
  .chris,
  .danny,
  .wallow {
    position: relative;
    transform: translate(-18px, -6px);
  }

  .beth:after,
  .beth:before,
  .chris:after,
  .chris:before,
  .danny:after,
  .danny:before,
  .wallow:after,
  .wallow:before {
    content: '';
    position: absolute;
    width: 6px;
    height: 6px;
    background-color: transparent;
  }

  .cat,
  .bee,
  .dog,
  .eagle {
    position: absolute;
    opacity: 0;
    animation: jump 1.2s ease infinite;
    transition: transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.4s, opacity 0.4s linear, transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.4s;
  }


  .beth {
    box-shadow: 6px 0 0 #282935, 12px 0 0 #282935, 18px 0 0 #282935, 0 6px 0 #282935, 6px 6px 0 #282935, 12px 6px 0 #282935, 18px 6px 0 #282935, 24px 6px 0 #282935, -6px 12px 0 #282935, 0 12px 0 #282935, 6px 12px 0 #282935, 12px 12px 0 #f2b696, 18px 12px 0 #282935, 24px 12px 0 #282935, 30px 12px 0 #282935, 36px 12px 0 #282935, -12px 18px 0 #282935, -6px 18px 0 #282935, 0 18px 0 #282935, 6px 18px 0 #f2b696, 12px 18px 0 #f2b696, 18px 18px 0 #f2b696, 24px 18px 0 #f2b696, 30px 18px 0 #282935, 36px 18px 0 #282935, 42px 18px 0 #282935, -12px 24px 0 #282935, -6px 24px 0 #282935, 0 24px 0 #f2b696, 6px 24px 0 #282935, 12px 24px 0 #f2b696, 18px 24px 0 #f2b696, 24px 24px 0 #282935, 30px 24px 0 #f2b696, 36px 24px 0 #282935, 42px 24px 0 #282935, 48px 24px 0 #282935, -12px 30px 0 #282935, -6px 30px 0 #f2b696, 0px 30px 0 #f2b696, 6px 30px 0 #282935, 12px 30px 0 #f2b696, 18px 30px 0 #f2b696, 24px 30px 0 #282935, 30px 30px 0 #f2b696, 36px 30px 0 #f2b696, 42px 30px 0 #282935, -6px 36px 0 #f2b696, 0px 36px 0 #f2b696, 6px 36px 0 #f2b696, 12px 36px 0 #925748, 18px 36px 0 #925748, 24px 36px 0 #f2b696, 30px 36px 0 #f2b696, 36px 36px 0 #f2b696, 0 42px 0 #f2b696, 6px 42px 0 #f2b696, 12px 42px 0 #f2b696, 18px 42px 0 #f2b696, 24px 42px 0 #f2b696, 30px 42px 0 #f2b696, -24px 48px 0 #282935, 6px 48px 0 #f2b696, 12px 48px 0 #f2b696, 18px 48px 0 #f2b696, 24px 48px 0 #f2b696, -30px 54px 0 #282935, -24px 54px 0 #282935, -18px 54px 0 #282935, 6px 54px 0 #bbbbbd, 12px 54px 0 #bbbbbd, 18px 54px 0 #bbbbbd, 24px 54px 0 #bbbbbd, -18px 60px 0 #282935, -12px 60px 0 #282935, 6px 60px 0 #74c463, 12px 60px 0 #74c463, 18px 60px 0 #74c463, 24px 60px 0 #74c463, -24px 66px 0 #282935, -18px 66px 0 #282935, -12px 66px 0 #282935, -6px 66px 0 #282935, 0 66px 0 #448c35, 6px 66px 0 #448c35, 12px 66px 0 #f43645, 18px 66px 0 #f43645, 24px 66px 0 #448c35, 30px 66px 0 #448c35, 0 72px 0 #74c463, 6px 72px 0 #74c463, 12px 72px 0 #74c463, 18px 72px 0 #74c463, 24px 72px 0 #74c463, 30px 72px 0 #74c463, 0 78px 0 #74c463, 6px 78px 0 #74c463, 12px 78px 0 #74c463, 18px 78px 0 #74c463, 24px 78px 0 #74c463, 30px 78px 0 #74c463, 6px 84px 0 #a1a1a4, 12px 84px 0 #a1a1a4, 18px 84px 0 #a1a1a4, 24px 84px 0 #a1a1a4, -24px 90px 0 rgba(40, 41, 53, 0.2), -18px 90px 0 rgba(40, 41, 53, 0.3), -12px 90px 0 rgba(40, 41, 53, 0.4), -6px 90px 0 rgba(40, 41, 53, 0.7), 0 90px 0 rgba(40, 41, 53, 0.7), 6px 90px 0 #282935, 12px 90px 0 #282935, 18px 90px 0 #282935, 24px 90px 0 #282935, 30px 90px 0 rgba(40, 41, 53, 0.7), 36px 90px 0 rgba(40, 41, 53, 0.7), 42px 90px 0 rgba(40, 41, 53, 0.4), 48px 90px 0 rgba(40, 41, 53, 0.3), 54px 90px 0 rgba(40, 41, 53, 0.2), -18px 96px 0 rgba(40, 41, 53, 0.2), -12px 96px 0 rgba(50, 103, 39, 0.5), -6px 96px 0 rgba(50, 103, 39, 0.5), 0 96px 0 rgba(50, 103, 39, 0.8), 6px 96px 0 rgba(50, 103, 39, 0.8), 12px 96px 0 rgba(50, 103, 39, 0.8), 18px 96px 0 rgba(50, 103, 39, 0.8), 24px 96px 0 rgba(50, 103, 39, 0.8), 30px 96px 0 rgba(50, 103, 39, 0.8), 36px 96px 0 rgba(50, 103, 39, 0.5), 42px 96px 0 rgba(50, 103, 39, 0.5), 48px 96px 0 rgba(40, 41, 53, 0.2), -6px 102px 0 rgba(40, 41, 53, 0.2), 0 102px 0 rgba(40, 41, 53, 0.2), 6px 102px 0 rgba(50, 103, 39, 0.5), 12px 102px 0 rgba(50, 103, 39, 0.5), 18px 102px 0 rgba(50, 103, 39, 0.5), 24px 102px 0 rgba(50, 103, 39, 0.5), 30px 102px 0 rgba(40, 41, 53, 0.2), 36px 102px 0 rgba(40, 41, 53, 0.2);
  }

  .beth:before {
    display: none;
    box-shadow: -24px 6px 0 #f2b696, -18px 6px 0 #f2b696, 48px 6px 0 #f2b696, 54px 6px 0 #f2b696, -24px 12px 0 #f2b696, -18px 12px 0 #f2b696, -12px 12px 0 #f2b696, 42px 12px 0 #f2b696, 48px 12px 0 #f2b696, 54px 12px 0 #f2b696, -24px 18px 0 #f2b696, -18px 18px 0 #f2b696, 48px 18px 0 #f2b696, 54px 18px 0 #f2b696, -24px 24px 0 #bbbbbd, -18px 24px 0 #bbbbbd, 54px 24px 0 #bbbbbd, -24px 30px 0 #f2b696, -18px 30px 0 #f2b696, 48px 30px 0 #f2b696, 54px 30px 0 #f2b696, -18px 36px 0 #f2b696, -12px 36px 0 #e6e7e9, 42px 36px 0 #e6e7e9, 48px 36px 0 #f2b696, -18px 42px 0 #bbbbbd, -12px 42px 0 #e6e7e9, -6px 42px 0 #e6e7e9, 36px 42px 0 #e6e7e9, 42px 42px 0 #e6e7e9, 48px 42px 0 #bbbbbd, -18px 48px 0 #bbbbbd, -12px 48px 0 #e6e7e9, -6px 48px 0 #e6e7e9, 0 48px 0 #e6e7e9, 30px 48px 0 #e6e7e9, 36px 48px 0 #e6e7e9, 42px 48px 0 #e6e7e9, 48px 48px 0 #bbbbbd, -12px 54px 0 #bbbbbd, -6px 54px 0 #e6e7e9, 0 54px 0 #e6e7e9, 30px 54px 0 #e6e7e9, 36px 54px 0 #e6e7e9, 42px 54px 0 #bbbbbd, -6px 60px 0 #bbbbbd, 0 60px 0 #949497, 30px 60px 0 #949497, 36px 60px 0 #bbbbbd;
  }

  .beth:after {
    display: inline-block;
    box-shadow: -18px 36px 0 #282935, -12px 36px 0 #282935, 42px 36px 0 #282935, -18px 42px 0 #282935, -12px 42px 0 #bbbbbd, -6px 42px 0 #e6e7e9, 36px 42px 0 #e6e7e9, 42px 42px 0 #bbbbbd, -18px 48px 0 #282935, -12px 48px 0 #bbbbbd, -6px 48px 0 #e6e7e9, 0 48px 0 #e6e7e9, 30px 48px 0 #e6e7e9, 36px 48px 0 #e6e7e9, 42px 48px 0 #bbbbbd, -12px 54px 0 #bbbbbd, -6px 54px 0 #e6e7e9, 0 54px 0 #e6e7e9, 30px 54px 0 #e6e7e9, 36px 54px 0 #e6e7e9, 42px 54px 0 #bbbbbd, -6px 60px 0 #bbbbbd, 0 60px 0 #949497, 30px 60px 0 #949497, 36px 60px 0 #bbbbbd, -12px 60px 0 #f2b696, -6px 60px 0 #f2b696, 36px 60px 0 #f2b696, 42px 60px 0 #f2b696, -12px 66px 0 #f2b696, -6px 66px 0 #f2b696, 36px 66px 0 #f2b696, 42px 66px 0 #f2b696, -12px 72px 0 #f2b696, -6px 72px 0 #f2b696, 0 72px 0 #f2b696, 30px 72px 0 #f2b696, 36px 72px 0 #f2b696, 42px 72px 0 #f2b696, -12px 78px 0 #f2b696, -6px 78px 0 #f2b696, 36px 78px 0 #f2b696, 42px 78px 0 #f2b696;
  }

  .cat {
    box-shadow: 0 6px 0 #e97c60, 30px 6px 0 #e97c60, 0 12px 0 #e97c60, 6px 12px 0 #e97c60, 24px 12px 0 #e97c60, 30px 12px 0 #e97c60, 0 18px 0 #e97c60, 6px 18px 0 #e97c60, 12px 18px 0 #e97c60, 18px 18px 0 #e97c60, 24px 18px 0 #e97c60, 30px 18px 0 #e97c60, -6px 24px 0 #e97c60, 0 24px 0 #e97c60, 6px 24px 0 #b30118, 12px 24px 0 #e97c60, 18px 24px 0 #e97c60, 24px 24px 0 #b30118, 30px 24px 0 #e97c60, 36px 24px 0 #e97c60, -6px 30px 0 #e97c60, 0 30px 0 #e97c60, 6px 30px 0 #e97c60, 12px 30px 0 #ec997f, 18px 30px 0 #ec997f, 24px 30px 0 #e97c60, 30px 30px 0 #e97c60, 36px 30px 0 #e97c60, 0 36px 0 #e97c60, 6px 36px 0 #e97c60, 12px 36px 0 #e97c60, 18px 36px 0 #e97c60, 24px 36px 0 #e97c60, 30px 36px 0 #e97c60, 6px 42px 0 #e97c60, 12px 42px 0 #e97c60, 18px 42px 0 #e97c60, 24px 42px 0 #e97c60, -24px 48px 0 #e97c60, -18px 48px 0 #e97c60, 0 48px 0 #e97c60, 6px 48px 0 #e97c60, 12px 48px 0 #e97c60, 18px 48px 0 #e97c60, 24px 48px 0 #e97c60, 30px 48px 0 #e97c60, -18px 54px 0 #e97c60, 0 54px 0 #e97c60, 6px 54px 0 #b30118, 12px 54px 0 #ec997f, 18px 54px 0 #e97c60, 24px 54px 0 #b30118, 30px 54px 0 #e97c60, -18px 60px 0 #e97c60, -12px 60px 0 #e97c60, 0 60px 0 #e97c60, 6px 60px 0 #b30118, 12px 60px 0 #ec997f, 18px 60px 0 #e97c60, 24px 60px 0 #b30118, 30px 60px 0 #e97c60, -12px 66px 0 #e97c60, -6px 66px 0 #e97c60, 0 66px 0 #e97c60, 6px 66px 0 #b30118, 12px 66px 0 #ec997f, 18px 66px 0 #e97c60, 24px 66px 0 #b30118, 30px 66px 0 #e97c60, -6px 72px 0 #e97c60, 0 72px 0 #e97c60, 6px 72px 0 #b30118, 12px 72px 0 #ec997f, 18px 72px 0 #e97c60, 24px 72px 0 #b30118, 30px 72px 0 #e97c60, 36px 72px 0 #e97c60, -6px 78px 0 #e97c60, 0 78px 0 #b30118, 6px 78px 0 #ec997f, 12px 78px 0 #ec997f, 18px 78px 0 #e97c60, 24px 78px 0 #e97c60, 30px 78px 0 #b30118, 36px 78px 0 #e97c60;
  }

  .chris {
    box-shadow: 12px -6px 0 #f4c34c, 18px -6px 0 #f4c34c, 6px 0 0 #f4c34c, 12px 0 0 #f4c34c, 18px 0 0 #f4c34c, 24px 0 0 #f4c34c, 0 6px 0 #f4c34c, 6px 6px 0 #f4c34c, 12px 6px 0 #f4c34c, 18px 6px 0 #f4c34c, 24px 6px 0 #f4c34c, 30px 6px 0 #f4c34c, -6px 12px 0 #f4c34c, 0 12px 0 #f4c34c, 6px 12px 0 #f4c34c, 12px 12px 0 #f4c34c, 18px 12px 0 #f4c34c, 24px 12px 0 #f4c34c, 30px 12px 0 #f4c34c, 36px 12px 0 #f4c34c, -12px 18px 0 #f2b696, -6px 18px 0 #f4c34c, 0 18px 0 #f2b696, 6px 18px 0 #201e1d, 12px 18px 0 #f2b696, 18px 18px 0 #f2b696, 24px 18px 0 #201e1d, 30px 18px 0 #f2b696, 36px 18px 0 #f4c34c, 42px 18px 0 #f2b696, -12px 24px 0 #f2b696, -6px 24px 0 #f2b696, 0 24px 0 #f2b696, 6px 24px 0 rgba(32, 30, 29, 0.8), 12px 24px 0 #f2b696, 18px 24px 0 #f2b696, 24px 24px 0 rgba(32, 30, 29, 0.8), 30px 24px 0 #f2b696, 36px 24px 0 #f2b696, 42px 24px 0 #f2b696, -6px 30px 0 #f2b696, 0 30px 0 #f2b696, 6px 30px 0 #f2b696, 12px 30px 0 #925748, 18px 30px 0 #925748, 24px 30px 0 #f2b696, 30px 30px 0 #f2b696, 36px 30px 0 #f2b696, 0 36px 0 #f2b696, 6px 36px 0 #f2b696, 12px 36px 0 #f2b696, 18px 36px 0 #f2b696, 24px 36px 0 #f2b696, 30px 36px 0 #f2b696, 0 42px 0 #5376bb, 6px 42px 0 #f2b696, 12px 42px 0 #f2b696, 18px 42px 0 #f2b696, 24px 42px 0 #f2b696, 30px 42px 0 #5376bb, 0 48px 0 #5376bb, 6px 48px 0 #8dbbf6, 12px 48px 0 #8dbbf6, 18px 48px 0 #8dbbf6, 24px 48px 0 #8dbbf6, 30px 48px 0 #5376bb, -6px 54px 0 #5376bb, 0 54px 0 #5376bb, 6px 54px 0 #8dbbf6, 12px 54px 0 #201e1d, 18px 54px 0 #201e1d, 24px 54px 0 #8dbbf6, 30px 54px 0 #5376bb, 36px 54px 0 #5376bb, -12px 60px 0 #5376bb, -6px 60px 0 #5376bb, 0 60px 0 #5376bb, 6px 60px 0 #201e1d, 12px 60px 0 #66fed1, 18px 60px 0 #66fed1, 24px 60px 0 #201e1d, 30px 60px 0 #5376bb, 36px 60px 0 #5376bb, 42px 60px 0 #5376bb, -12px 66px 0 #5376bb, -6px 66px 0 #5376bb, 0 66px 0 #5376bb, 6px 66px 0 #434665, 12px 66px 0 #201e1d, 18px 66px 0 #201e1d, 24px 66px 0 #434665, 30px 66px 0 #5376bb, 36px 66px 0 #5376bb, 42px 66px 0 #5376bb, -12px 72px 0 #5376bb, -6px 72px 0 #5376bb, 0 72px 0 #5376bb, 6px 72px 0 #434665, 12px 72px 0 #434665, 18px 72px 0 #434665, 24px 72px 0 #434665, 30px 72px 0 #5376bb, 36px 72px 0 #5376bb, 42px 72px 0 #5376bb, -6px 78px 0 #434665, 0 78px 0 #434665, 6px 78px 0 #434665, 12px 78px 0 #434665, 18px 78px 0 #434665, 24px 78px 0 #434665, 30px 78px 0 #434665, 36px 78px 0 #434665, -6px 84px 0 #5376bb, 0 84px 0 #5376bb, 6px 84px 0 #5376bb, 24px 84px 0 #5376bb, 30px 84px 0 #5376bb, 36px 84px 0 #5376bb, -24px 90px 0 rgba(83, 118, 187, 0.2), -18px 90px 0 rgba(1, 100, 71, 0.4), -12px 90px 0 rgba(0, 50, 35, 0.4), -6px 90px 0 #5376bb, 0 90px 0 #5376bb, 6px 90px 0 #5376bb, 12px 90px 0 rgba(0, 50, 35, 0.8), 18px 90px 0 rgba(0, 50, 35, 0.8), 24px 90px 0 #5376bb, 30px 90px 0 #5376bb, 36px 90px 0 #5376bb, 42px 90px 0 rgba(0, 50, 35, 0.4), 48px 90px 0 rgba(1, 100, 71, 0.4), 54px 90px 0 rgba(83, 118, 187, 0.2), -18px 96px 0 rgba(83, 118, 187, 0.2), -12px 96px 0 rgba(1, 100, 71, 0.4), -6px 96px 0 rgba(0, 50, 35, 0.4), 0 96px 0 rgba(0, 50, 35, 0.6), 6px 96px 0 rgba(0, 50, 35, 0.6), 12px 96px 0 rgba(0, 50, 35, 0.6), 18px 96px 0 rgba(0, 50, 35, 0.6), 24px 96px 0 rgba(0, 50, 35, 0.6), 30px 96px 0 rgba(0, 50, 35, 0.6), 36px 96px 0 rgba(0, 50, 35, 0.4), 42px 96px 0 rgba(0, 50, 35, 0.4), 48px 96px 0 rgba(83, 118, 187, 0.2), -6px 102px 0 rgba(83, 118, 187, 0.2), 0 102px 0 rgba(1, 151, 107, 0.4), 6px 102px 0 rgba(1, 100, 71, 0.3), 12px 102px 0 rgba(1, 100, 71, 0.3), 18px 102px 0 rgba(1, 100, 71, 0.3), 24px 102px 0 rgba(1, 100, 71, 0.3), 30px 102px 0 rgba(1, 151, 107, 0.4), 36px 102px 0 rgba(83, 118, 187, 0.2);
  }

  .chris:before {
    display: none;
    box-shadow: -24px -6px 0 #5376bb, -18px -6px 0 #5376bb, 48px -6px 0 #5376bb, 54px -6px 0 #5376bb, -24px 0 0 #5376bb, -18px 0 0 #5376bb, 48px 0 0 #5376bb, 54px 0 0 #5376bb, -24px 6px 0 #5376bb, -18px 6px 0 #5376bb, -12px 6px 0 #5376bb, 42px 6px 0 #5376bb, 48px 6px 0 #5376bb, 54px 6px 0 #5376bb, -24px 12px 0 #8dbbf6, -18px 12px 0 #8dbbf6, 48px 12px 0 #8dbbf6, 54px 12px 0 #8dbbf6, -24px 18px 0 #8dbbf6, -18px 18px 0 #8dbbf6, 48px 18px 0 #8dbbf6, 54px 18px 0 #8dbbf6, -24px 24px 0 #8dbbf6, -18px 24px 0 #8dbbf6, 48px 24px 0 #8dbbf6, 54px 24px 0 #8dbbf6, -24px 30px 0 #8dbbf6, -18px 30px 0 #8dbbf6, -12px 30px 0 #8dbbf6, 42px 30px 0 #8dbbf6, 48px 30px 0 #8dbbf6, 54px 30px 0 #8dbbf6, -18px 36px 0 #8dbbf6, -12px 36px 0 #8dbbf6, -6px 36px 0 #8dbbf6, 36px 36px 0 #8dbbf6, 42px 36px 0 #8dbbf6, 48px 36px 0 #8dbbf6, -18px 42px 0 #8dbbf6, -12px 42px 0 #8dbbf6, -6px 42px 0 #8dbbf6, 36px 42px 0 #8dbbf6, 42px 42px 0 #8dbbf6, 48px 42px 0 #8dbbf6, -12px 48px 0 #8dbbf6, -6px 48px 0 #8dbbf6, 36px 48px 0 #8dbbf6, 42px 48px 0 #8dbbf6, -12px 54px 0 #8dbbf6, 42px 54px 0 #8dbbf6;
  }

  .chris:after {
    display: inline-block;
    box-shadow: -36px 30px 0 #5376bb, 66px 30px 0 #5376bb, -48px 36px 0 #5376bb, -42px 36px 0 #5376bb, -36px 36px 0 #5376bb, -30px 36px 0 #8dbbf6, -24px 36px 0 #8dbbf6, -18px 36px 0 #8dbbf6, -12px 36px 0 #8dbbf6, -6px 36px 0 #8dbbf6, 36px 36px 0 #8dbbf6, 42px 36px 0 #8dbbf6, 48px 36px 0 #8dbbf6, 54px 36px 0 #8dbbf6, 60px 36px 0 #8dbbf6, 66px 36px 0 #5376bb, 72px 36px 0 #5376bb, 78px 36px 0 #5376bb, -48px 42px 0 #5376bb, -42px 42px 0 #5376bb, -36px 42px 0 #5376bb, -30px 42px 0 #8dbbf6, -24px 42px 0 #8dbbf6, -18px 42px 0 #8dbbf6, -12px 42px 0 #8dbbf6, -6px 42px 0 #8dbbf6, 36px 42px 0 #8dbbf6, 42px 42px 0 #8dbbf6, 48px 42px 0 #8dbbf6, 54px 42px 0 #8dbbf6, 60px 42px 0 #8dbbf6, 66px 42px 0 #5376bb, 72px 42px 0 #5376bb, 78px 42px 0 #5376bb, -12px 48px 0 #8dbbf6, -6px 48px 0 #8dbbf6, 36px 48px 0 #8dbbf6, 42px 48px 0 #8dbbf6, -12px 54px 0 #8dbbf6, 42px 54px 0 #8dbbf6;
  }

  .bee {
    box-shadow: 12px 0 0 #327851, 18px 0 0 #327851, 6px 6px 0 #327851, 12px 6px 0 #b9ffdd, 18px 6px 0 #b9ffdd, 24px 6px 0 #327851, 30px 6px 0 #327851, 0 12px 0 #327851, 6px 12px 0 #b9ffdd, 12px 12px 0 #b9ffdd, 18px 12px 0 #327851, 24px 12px 0 #b9ffdd, 30px 12px 0 #b9ffdd, 36px 12px 0 #327851, 0 18px 0 #327851, 6px 18px 0 #327851, 12px 18px 0 #b9ffdd, 18px 18px 0 #327851, 24px 18px 0 #b9ffdd, 30px 18px 0 #b9ffdd, 36px 18px 0 #327851, -6px 24px 0 #b9ffdd, 0 24px 0 #b9ffdd, 6px 24px 0 #b9ffdd, 12px 24px 0 #43ca9d, 18px 24px 0 #b9ffdd, 24px 24px 0 #43ca9d, 30px 24px 0 #327851, -12px 30px 0 #b9ffdd, -6px 30px 0 #b9ffdd, 0 30px 0 #b9ffdd, 6px 30px 0 #b9ffdd, 12px 30px 0 #b9ffdd, 18px 30px 0 #43ca9d, 24px 30px 0 #b9ffdd, 30px 30px 0 #43ca9d, -18px 36px 0 #b9ffdd, -12px 36px 0 #327851, -6px 36px 0 #b9ffdd, 0 36px 0 #b9ffdd, 6px 36px 0 #327851, 12px 36px 0 #b9ffdd, 18px 36px 0 #43ca9d, 24px 36px 0 #b9ffdd, 30px 36px 0 #43ca9d, 36px 36px 0 #b9ffdd, -18px 42px 0 #b9ffdd, -12px 42px 0 #b9ffdd, -6px 42px 0 #327851, 0 42px 0 #327851, 6px 42px 0 #b9ffdd, 12px 42px 0 #b9ffdd, 18px 42px 0 #43ca9d, 24px 42px 0 #b9ffdd, 30px 42px 0 #43ca9d, 36px 42px 0 #b9ffdd, 42px 42px 0 #43ca9d, 48px 42px 0 #43ca9d, -18px 48px 0 #b9ffdd, -12px 48px 0 #b9ffdd, -6px 48px 0 #b9ffdd, 0 48px 0 #b9ffdd, 6px 48px 0 #b9ffdd, 12px 48px 0 #b9ffdd, 18px 48px 0 #43ca9d, 24px 48px 0 #b9ffdd, 30px 48px 0 #43ca9d, 36px 48px 0 #b9ffdd, 42px 48px 0 #43ca9d, -12px 54px 0 #b9ffdd, -6px 54px 0 #b9ffdd, 0 54px 0 #b9ffdd, 6px 54px 0 #b9ffdd, 12px 54px 0 #b9ffdd, 18px 54px 0 #43ca9d, 24px 54px 0 #b9ffdd, 30px 54px 0 #43ca9d, 36px 54px 0 #b9ffdd, -6px 60px 0 #b9ffdd, 0 60px 0 #b9ffdd, 6px 60px 0 #b9ffdd, 12px 60px 0 #43ca9d, 18px 60px 0 #b9ffdd, 24px 60px 0 #43ca9d, 30px 60px 0 #b9ffdd;
  }

  .danny {
    box-shadow: 12px -12px 0 #8c4823, 18px -12px 0 #8c4823, 24px -12px 0 #8c4823, -6px -6px 0 #8c4823, 6px -6px 0 #8c4823, 12px -6px 0 #8c4823, 18px -6px 0 #8c4823, 24px -6px 0 #8c4823, 30px -6px 0 #8c4823, 36px -6px 0 #8c4823, 42px -6px 0 #8c4823, -6px 0px 0 #8c4823, inset 0 0px 0px 6px #8c4823, 6px 0px 0 #8c4823, 12px 0px 0 #8c4823, 18px 0px 0 #8c4823, 24px 0px 0 #8c4823, 30px 0px 0 #8c4823, 36px 0px 0 #8c4823, -6px 6px 0 #8c4823, 0 6px 0 #d2a668, 6px 6px 0 #d2a668, 12px 6px 0 #d2a668, 18px 6px 0 #d2a668, 24px 6px 0 #d2a668, 30px 6px 0 #d2a668, 36px 6px 0 #8c4823, -6px 12px 0 #8c4823, 0 12px 0 #8c4823, 6px 12px 0 #8c4823, 12px 12px 0 #d2a668, 18px 12px 0 #d2a668, 24px 12px 0 #8c4823, 30px 12px 0 #8c4823, 36px 12px 0 #d2a668, 42px 12px 0 #8c4823, -12px 18px 0 #d2a668, -6px 18px 0 #8c4823, 0 18px 0 #d2a668, 6px 18px 0 #201e1d, 12px 18px 0 #d2a668, 18px 18px 0 #d2a668, 24px 18px 0 #201e1d, 30px 18px 0 #d2a668, 36px 18px 0 #d2a668, 42px 18px 0 #d2a668, -12px 24px 0 #d2a668, -6px 24px 0 #d2a668, 0 24px 0 #d2a668, 6px 24px 0 rgba(32, 30, 29, 0.7), 12px 24px 0 #d2a668, 18px 24px 0 #d2a668, 24px 24px 0 rgba(32, 30, 29, 0.7), 30px 24px 0 #d2a668, 36px 24px 0 #d2a668, 42px 24px 0 #d2a668, -6px 30px 0 #d2a668, 0 30px 0 #d2a668, 6px 30px 0 #d2a668, 12px 30px 0 #925748, 18px 30px 0 #925748, 24px 30px 0 #d2a668, 30px 30px 0 #d2a668, 36px 30px 0 #d2a668, -6px 36px 0 #851313, 0 36px 0 #d2a668, 6px 36px 0 #d2a668, 12px 36px 0 #d2a668, 18px 36px 0 #d2a668, 24px 36px 0 #d2a668, 30px 36px 0 #d2a668, 36px 36px 0 #851313, 0 42px 0 #851313, 6px 42px 0 #851313, 12px 42px 0 #d2a668, 18px 42px 0 #d2a668, 24px 42px 0 #851313, 30px 42px 0 #851313, 0 48px 0 #d32d2d, 6px 48px 0 #851313, 12px 48px 0 #851313, 18px 48px 0 #851313, 24px 48px 0 #851313, 30px 48px 0 #d32d2d, -12px 54px 0 #d32d2d, -6px 54px 0 #d32d2d, 0 54px 0 #d32d2d, 6px 54px 0 #851313, 12px 54px 0 #d32d2d, 18px 54px 0 #d32d2d, 24px 54px 0 #851313, 30px 54px 0 #d32d2d, 36px 54px 0 #d32d2d, 42px 54px 0 #d32d2d, -12px 60px 0 #d32d2d, -6px 60px 0 #d32d2d, 0 60px 0 #d32d2d, 6px 60px 0 #851313, 12px 60px 0 #f6bb17, 18px 60px 0 #f6bb17, 24px 60px 0 #851313, 30px 60px 0 #d32d2d, 36px 60px 0 #d32d2d, 42px 60px 0 #d32d2d, -12px 66px 0 #d32d2d, -6px 66px 0 #d32d2d, 0 66px 0 #41424e, 6px 66px 0 #41424e, 12px 66px 0 #d32d2d, 18px 66px 0 #d32d2d, 24px 66px 0 #41424e, 30px 66px 0 #41424e, 36px 66px 0 #d32d2d, 42px 66px 0 #d32d2d, -6px 72px 0 #8a95a6, 0 72px 0 #8a95a6, 6px 72px 0 #8a95a6, 12px 72px 0 #8a95a6, 18px 72px 0 #8a95a6, 24px 72px 0 #8a95a6, 30px 72px 0 #8a95a6, 36px 72px 0 #8a95a6, -6px 78px 0 #8a95a6, 0 78px 0 #8a95a6, 6px 78px 0 #8a95a6, 24px 78px 0 #8a95a6, 30px 78px 0 #8a95a6, 36px 78px 0 #8a95a6, -6px 84px 0 #d32d2d, 0 84px 0 #d32d2d, 6px 84px 0 #d32d2d, 24px 84px 0 #d32d2d, 30px 84px 0 #d32d2d, 36px 84px 0 #d32d2d, -24px 90px 0 rgba(138, 149, 166, 0.4), -18px 90px 0 rgba(140, 72, 35, 0.4), -12px 90px 0 rgba(18, 9, 4, 0.5), -6px 90px 0 #d32d2d, 0 90px 0 #d32d2d, 6px 90px 0 #d32d2d, 12px 90px 0 rgba(0, 0, 0, 0.7), 18px 90px 0 rgba(0, 0, 0, 0.7), 24px 90px 0 #d32d2d, 30px 90px 0 #d32d2d, 36px 90px 0 #d32d2d, 42px 90px 0 rgba(18, 9, 4, 0.5), 48px 90px 0 rgba(140, 72, 35, 0.4), 54px 90px 0 rgba(138, 149, 166, 0.4), -18px 96px 0 rgba(138, 149, 166, 0.4), -12px 96px 0 rgba(140, 72, 35, 0.4), -6px 96px 0 rgba(140, 72, 35, 0.4), 0 96px 0 rgba(0, 0, 0, 0.4), 6px 96px 0 rgba(0, 0, 0, 0.4), 12px 96px 0 rgba(0, 0, 0, 0.4), 18px 96px 0 rgba(0, 0, 0, 0.4), 24px 96px 0 rgba(0, 0, 0, 0.4), 30px 96px 0 rgba(0, 0, 0, 0.4), 36px 96px 0 rgba(140, 72, 35, 0.4), 42px 96px 0 rgba(140, 72, 35, 0.4), 48px 96px 0 rgba(138, 149, 166, 0.4), -6px 102px 0 rgba(138, 149, 166, 0.4), 0 102px 0 rgba(138, 149, 166, 0.4), 6px 102px 0 rgba(140, 72, 35, 0.4), 12px 102px 0 rgba(140, 72, 35, 0.4), 18px 102px 0 rgba(140, 72, 35, 0.4), 24px 102px 0 rgba(140, 72, 35, 0.4), 30px 102px 0 rgba(138, 149, 166, 0.4), 36px 102px 0 rgba(138, 149, 166, 0.4);
  }

  .danny:before {
    display: none;
    box-shadow: -24px 0px 0 #d2a668, -18px 0px 0 #d2a668, 48px 0px 0 #d2a668, 54px 0px 0 #d2a668, -24px 6px 0 #d2a668, -18px 6px 0 #d2a668, -12px 6px 0 #d2a668, 42px 6px 0 #d2a668, 48px 6px 0 #d2a668, 54px 6px 0 #d2a668, -24px 12px 0 #851313, -18px 12px 0 #851313, 48px 12px 0 #851313, 54px 12px 0 #851313, -24px 18px 0 #851313, -18px 18px 0 #851313, 48px 18px 0 #851313, 54px 18px 0 #851313, -24px 24px 0 #851313, -18px 24px 0 #851313, 48px 24px 0 #851313, 54px 24px 0 #851313, -24px 30px 0 #851313, -18px 30px 0 #851313, -12px 30px 0 #d32d2d, 42px 30px 0 #d32d2d, 48px 30px 0 #851313, 54px 30px 0 #851313, -24px 36px 0 #d32d2d, -18px 36px 0 #d32d2d, -12px 36px 0 #d32d2d, 42px 36px 0 #d32d2d, 48px 36px 0 #d32d2d, 54px 36px 0 #d32d2d, -24px 42px 0 #d32d2d, -18px 42px 0 #d32d2d, -12px 42px 0 #d32d2d, -6px 42px 0 #d32d2d, 36px 42px 0 #d32d2d, 42px 42px 0 #d32d2d, 48px 42px 0 #d32d2d, 54px 42px 0 #d32d2d, -18px 48px 0 #d32d2d, -12px 48px 0 #d32d2d, -6px 48px 0 #d32d2d, 36px 48px 0 #d32d2d, 42px 48px 0 #d32d2d, 48px 48px 0 #d32d2d;
  }

  .danny:after {
    display: inline-block;
    box-shadow: -12px 36px 0 #851313, 42px 36px 0 #851313, -18px 42px 0 #851313, -12px 42px 0 #851313, -6px 42px 0 #d32d2d, 36px 42px 0 #d32d2d, 42px 42px 0 #851313, 48px 42px 0 #851313, -18px 48px 0 #851313, -12px 48px 0 #851313, -6px 48px 0 #d32d2d, 36px 48px 0 #d32d2d, 42px 48px 0 #851313, 48px 48px 0 #851313, -18px 54px 0 #851313, -12px 54px 0 #851313, 42px 54px 0 #851313, 48px 54px 0 #851313, -18px 60px 0 #851313, -12px 60px 0 #851313, 42px 60px 0 #851313, 48px 60px 0 #851313, -18px 66px 0 #d2a668, -12px 66px 0 #d2a668, -6px 66px 0 #d2a668, 36px 66px 0 #d2a668, 42px 66px 0 #d2a668, 48px 66px 0 #d2a668, -18px 72px 0 #d2a668, -12px 72px 0 #d2a668, 42px 72px 0 #d2a668, 48px 72px 0 #d2a668;
  }

  .dog {
    box-shadow: inset 0 0 0 6px #fdc161, 12px 0 0 #fdc161, -6px 6px 0 #fdc161, 0 6px 0 #fdc161, 6px 6px 0 #fdc161, 12px 6px 0 #fdc161, -12px 12px 0 #fdc161, -6px 12px 0 #be8f48, 0 12px 0 #fdc161, 6px 12px 0 #be8f48, 12px 12px 0 #fdc161, 18px 12px 0 #fdc161, 24px 12px 0 #fdc161, 30px 12px 0 #fdc161, 36px 12px 0 #fdc161, -24px 18px 0 #fdc161, -18px 18px 0 #fdc161, -12px 18px 0 #fdc161, -6px 18px 0 #fdc161, 0 18px 0 #fdc161, 6px 18px 0 #fdc161, 12px 18px 0 #fdc161, 18px 18px 0 #fdc161, 24px 18px 0 #fdc161, 30px 18px 0 #fdc161, 36px 18px 0 #fdc161, 42px 18px 0 #fdc161, 54px 18px 0 #fdc161, -18px 24px 0 #fdc161, -12px 24px 0 #fdc161, -6px 24px 0 #be8f48, 0 24px 0 #be8f48, 6px 24px 0 #fdc161, 12px 24px 0 #fdc161, 18px 24px 0 #fdc161, 24px 24px 0 #fdc161, 30px 24px 0 #fdc161, 36px 24px 0 #fdc161, 42px 24px 0 #fdc161, 48px 24px 0 #fdc161, 54px 24px 0 #fdc161, 60px 24px 0 #fdc161, 0 30px 0 #fdc161, 6px 30px 0 #fdc161, 12px 30px 0 #fdc161, 18px 30px 0 #fdc161, 24px 30px 0 #fdc161, 30px 30px 0 #fdc161, 36px 30px 0 #fdc161, 42px 30px 0 #fdc161, 48px 30px 0 #fdc161, -6px 36px 0 #fdc161, 6px 36px 0 #fdc161, 12px 36px 0 #fdc161, 36px 36px 0 #fdc161, 42px 36px 0 #fdc161, -12px 42px 0 #fdc161, 0 42px 0 #fdc161, 6px 42px 0 #fdc161, 30px 42px 0 #fdc161, 36px 42px 0 #fdc161;
  }

  .wallow {
    box-shadow: 0 -18px 0 #ae7227, 6px -18px 0 #ae7227, 12px -18px 0 #ae7227, 18px -18px 0 #ae7227, 24px -18px 0 #ae7227, 30px -18px 0 #ae7227, -6px -12px 0 #ae7227, 0 -12px 0 #ae7227, 6px -12px 0 #201e1d, 12px -12px 0 #ae7227, 18px -12px 0 #ae7227, 24px -12px 0 #201e1d, 30px -12px 0 #ae7227, 36px -12px 0 #ae7227, -12px -6px 0 #ae7227, -6px -6px 0 #ae7227, 0 -6px 0 #ae7227, 6px -6px 0 rgba(32, 30, 29, 0.7), 12px -6px 0 #ae7227, 18px -6px 0 #ae7227, 24px -6px 0 rgba(32, 30, 29, 0.7), 30px -6px 0 #ae7227, 36px -6px 0 #ae7227, 42px -6px 0 #ae7227, -12px 0px 0 #ae7227, -6px 0px 0 #ae7227, inset 0 0px 0 6px #ae7227, 6px 0px 0 #ae7227, 12px 0px 0 #955849, 18px 0px 0 #955849, 24px 0px 0 #ae7227, 30px 0px 0 #ae7227, 36px 0px 0 #ae7227, 42px 0px 0 #ae7227, -12px 6px 0 #f4bb17, -6px 6px 0 #ae7227, 0 6px 0 #ae7227, 6px 6px 0 #ae7227, 12px 6px 0 #ae7227, 18px 6px 0 #ae7227, 24px 6px 0 #ae7227, 30px 6px 0 #ae7227, 36px 6px 0 #ae7227, 42px 6px 0 #f4bb17, -12px 12px 0 #f4bb17, -6px 12px 0 #f6821f, 0 12px 0 #ae7227, 6px 12px 0 #ae7227, 12px 12px 0 #ae7227, 18px 12px 0 #ae7227, 24px 12px 0 #ae7227, 30px 12px 0 #ae7227, 36px 12px 0 #f6821f, 42px 12px 0 #f4bb17, -24px 18px 0 #f4bb17, -18px 18px 0 #f4bb17, -12px 18px 0 #f6821f, -6px 18px 0 #f6821f, 0 18px 0 #f6821f, 6px 18px 0 #f6821f, 12px 18px 0 #f6821f, 18px 18px 0 #f6821f, 24px 18px 0 #f6821f, 30px 18px 0 #f6821f, 36px 18px 0 #f6821f, 42px 18px 0 #f6821f, 48px 18px 0 #f4bb17, 54px 18px 0 #f4bb17, -24px 24px 0 #f4bb17, -18px 24px 0 #f6821f, -12px 24px 0 #f6821f, -6px 24px 0 #f6821f, 0 24px 0 #f6821f, 6px 24px 0 #f4bb17, 12px 24px 0 #8fcbed, 18px 24px 0 #8fcbed, 24px 24px 0 #f4bb17, 30px 24px 0 #f6821f, 36px 24px 0 #f6821f, 42px 24px 0 #f6821f, 48px 24px 0 #f6821f, 54px 24px 0 #f4bb17, -24px 30px 0 #f6821f, -18px 30px 0 #f6821f, -12px 30px 0 #f6821f, -6px 30px 0 #f6821f, 0 30px 0 #f6821f, 6px 30px 0 #f4bb17, 12px 30px 0 #8fcbed, 18px 30px 0 #8fcbed, 24px 30px 0 #f4bb17, 30px 30px 0 #f6821f, 36px 30px 0 #f6821f, 42px 30px 0 #f6821f, 48px 30px 0 #f6821f, 54px 30px 0 #f6821f, -24px 36px 0 #f6821f, -18px 36px 0 #f6821f, -12px 36px 0 #f6821f, -6px 36px 0 #f6821f, 0 36px 0 #f6821f, 6px 36px 0 #f6821f, 12px 36px 0 #f6821f, 18px 36px 0 #f6821f, 24px 36px 0 #f6821f, 30px 36px 0 #f6821f, 36px 36px 0 #f6821f, 42px 36px 0 #f6821f, 48px 36px 0 #f6821f, 54px 36px 0 #f6821f, -18px 42px 0 #f4bb17, -12px 42px 0 #f4bb17, -6px 42px 0 #f4bb17, 0 42px 0 #f4bb17, 6px 42px 0 #f4bb17, 12px 42px 0 #f4bb17, 18px 42px 0 #f4bb17, 24px 42px 0 #f4bb17, 30px 42px 0 #f4bb17, 36px 42px 0 #f4bb17, 42px 42px 0 #f4bb17, 48px 42px 0 #f4bb17, -18px 48px 0 #f4bb17, -12px 48px 0 #f4bb17, -6px 48px 0 #f4bb17, 0 48px 0 #f4bb17, 6px 48px 0 #f4bb17, 12px 48px 0 #f4bb17, 18px 48px 0 #f4bb17, 24px 48px 0 #f4bb17, 30px 48px 0 #f4bb17, 36px 48px 0 #f4bb17, 42px 48px 0 #f4bb17, 48px 48px 0 #f4bb17, -12px 54px 0 #f4bb17, -6px 54px 0 #f4bb17, 0 54px 0 #f4bb17, 6px 54px 0 #f4bb17, 12px 54px 0 #f4bb17, 18px 54px 0 #f4bb17, 24px 54px 0 #f4bb17, 30px 54px 0 #f4bb17, 36px 54px 0 #f4bb17, 42px 54px 0 #f4bb17, -12px 60px 0 #f4bb17, -6px 60px 0 #f4bb17, 0 60px 0 #f4bb17, 6px 60px 0 #f4bb17, 12px 60px 0 #f4bb17, 18px 60px 0 #f4bb17, 24px 60px 0 #f4bb17, 30px 60px 0 #f4bb17, 36px 60px 0 #f4bb17, 42px 60px 0 #f4bb17, -6px 66px 0 #f4bb17, 0 66px 0 #f4bb17, 6px 66px 0 #f4bb17, 12px 66px 0 #f4bb17, 18px 66px 0 #f4bb17, 24px 66px 0 #f4bb17, 30px 66px 0 #f4bb17, 36px 66px 0 #f4bb17, -6px 72px 0 #43434f, 0 72px 0 #43434f, 6px 72px 0 #f4bb17, 12px 72px 0 #f4bb17, 18px 72px 0 #f4bb17, 24px 72px 0 #f4bb17, 30px 72px 0 #43434f, 36px 72px 0 #43434f, -6px 78px 0 #43434f, 0 78px 0 #43434f, 6px 78px 0 #43434f, 12px 78px 0 #43434f, 18px 78px 0 #43434f, 24px 78px 0 #43434f, 30px 78px 0 #43434f, 36px 78px 0 #43434f, -6px 84px 0 #43434f, 0 84px 0 #43434f, 6px 84px 0 #43434f, 24px 84px 0 #43434f, 30px 84px 0 #43434f, 36px 84px 0 #43434f, -24px 90px 0 rgba(174, 114, 39, 0.3), -18px 90px 0 rgba(174, 114, 39, 0.7), -12px 90px 0 rgba(91, 59, 20, 0.8), -6px 90px 0 #f6821f, 0 90px 0 #f6821f, 6px 90px 0 #f6821f, 12px 90px 0 rgba(70, 46, 16, 0.8), 18px 90px 0 rgba(70, 46, 16, 0.8), 24px 90px 0 #f6821f, 30px 90px 0 #f6821f, 36px 90px 0 #f6821f, 42px 90px 0 rgba(91, 59, 20, 0.8), 48px 90px 0 rgba(174, 114, 39, 0.7), 54px 90px 0 rgba(174, 114, 39, 0.3), -18px 96px 0 rgba(174, 114, 39, 0.3), -12px 96px 0 rgba(174, 114, 39, 0.7), -6px 96px 0 rgba(174, 114, 39, 0.7), 0 96px 0 rgba(91, 59, 20, 0.6), 6px 96px 0 rgba(91, 59, 20, 0.6), 12px 96px 0 rgba(91, 59, 20, 0.6), 18px 96px 0 rgba(91, 59, 20, 0.6), 24px 96px 0 rgba(91, 59, 20, 0.6), 30px 96px 0 rgba(91, 59, 20, 0.6), 36px 96px 0 rgba(174, 114, 39, 0.7), 42px 96px 0 rgba(174, 114, 39, 0.3), -6px 102px 0 rgba(174, 114, 39, 0.3), 0 102px 0 rgba(174, 114, 39, 0.3), 6px 102px 0 rgba(210, 141, 54, 0.9), 12px 102px 0 rgba(210, 141, 54, 0.9), 18px 102px 0 rgba(210, 141, 54, 0.9), 24px 102px 0 rgba(210, 141, 54, 0.9), 30px 102px 0 rgba(174, 114, 39, 0.3), 36px 102px 0 rgba(174, 114, 39, 0.3);
  }

  .wallow:before {
    display: none;
    box-shadow: -30px -30px 0 #f6821f, -24px -30px 0 #f6821f, -18px -30px 0 #f6821f, 48px -30px 0 #f6821f, 54px -30px 0 #f6821f, 60px -30px 0 #f6821f, -30px -24px 0 #f6821f, -24px -24px 0 #f6821f, -18px -24px 0 #f6821f, -12px -24px 0 #f6821f, 42px -24px 0 #f6821f, 48px -24px 0 #f6821f, 54px -24px 0 #f6821f, 60px -24px 0 #f6821f, -30px -18px 0 #f6821f, -24px -18px 0 #f6821f, -18px -18px 0 #f6821f, 48px -18px 0 #f6821f, 54px -18px 0 #f6821f, 60px -18px 0 #f6821f, -30px -12px 0 #f6821f, -24px -12px 0 #f6821f, -18px -12px 0 #f6821f, 48px -12px 0 #f6821f, 54px -12px 0 #f6821f, 60px -12px 0 #f6821f, -30px -6px 0 #f6821f, -24px -6px 0 #f6821f, -18px -6px 0 #f6821f, 48px -6px 0 #f6821f, 54px -6px 0 #f6821f, 60px -6px 0 #f6821f, -30px 0px 0 #ae7227, -24px 0px 0 #ae7227, -18px 0px 0 #ae7227, 48px 0px 0 #ae7227, 54px 0px 0 #ae7227, 60px 0px 0 #ae7227, -30px 6px 0 #ae7227, -24px 6px 0 #ae7227, -18px 6px 0 #f4bb17, 48px 6px 0 #f4bb17, 54px 6px 0 #ae7227, 60px 6px 0 #ae7227, -30px 12px 0 #f4bb17, -24px 12px 0 #f4bb17, -18px 12px 0 #f4bb17, 48px 12px 0 #f4bb17, 54px 12px 0 #f4bb17, 60px 12px 0 #f4bb17;
  }

  .wallow:after {
    display: inline-block;
    box-shadow: -18px 12px 0 #ae7227, -12px 12px 0 #f6821f, 42px 12px 0 #f6821f, 48px 12px 0 #ae7227, -36px 18px 0 #ae7227, -30px 18px 0 #ae7227, -24px 18px 0 #ae7227, -18px 18px 0 #ae7227, 48px 18px 0 #ae7227, 54px 18px 0 #ae7227, 60px 18px 0 #ae7227, 66px 18px 0 #ae7227, -36px 24px 0 #ae7227, -30px 24px 0 #ae7227, -24px 24px 0 #ae7227, 54px 24px 0 #ae7227, 60px 24px 0 #ae7227, 66px 24px 0 #ae7227, -36px 30px 0 #e87009, -30px 30px 0 #e87009, -24px 30px 0 #e87009, 54px 30px 0 #e87009, 60px 30px 0 #e87009, 66px 30px 0 #e87009, -36px 36px 0 #e87009, -30px 36px 0 #e87009, -24px 36px 0 #e87009, 54px 36px 0 #e87009, 60px 36px 0 #e87009, 66px 36px 0 #e87009, -36px 42px 0 #e87009, -30px 42px 0 #e87009, -24px 42px 0 #e87009, 54px 42px 0 #e87009, 60px 42px 0 #e87009, 66px 42px 0 #e87009, -36px 48px 0 #e87009, -30px 48px 0 #e87009, -24px 48px 0 #e87009, -18px 48px 0 #e87009, 48px 48px 0 #e87009, 54px 48px 0 #e87009, 60px 48px 0 #e87009, 66px 48px 0 #e87009, -36px 54px 0 #e87009, -30px 54px 0 #e87009, -24px 54px 0 #e87009, 54px 54px 0 #e87009, 60px 54px 0 #e87009, 66px 54px 0 #e87009;
  }

  .eagle {
    box-shadow: 18px 0 0 #7dd1ff, 24px 0 0 #7dd1ff, 30px 0 0 #7dd1ff, 12px 6px 0 #7dd1ff, 18px 6px 0 #57a5d1, 24px 6px 0 #7dd1ff, 30px 6px 0 #7dd1ff, -12px 12px 0 #7dd1ff, 6px 12px 0 #7dd1ff, 12px 12px 0 #7dd1ff, 18px 12px 0 #7dd1ff, 24px 12px 0 #7dd1ff, 30px 12px 0 #7dd1ff, 54px 12px 0 #7dd1ff, -24px 18px 0 #7dd1ff, -18px 18px 0 #7dd1ff, -12px 18px 0 #7dd1ff, -6px 18px 0 #7dd1ff, 18px 18px 0 #7dd1ff, 24px 18px 0 #7dd1ff, 30px 18px 0 #7dd1ff, 48px 18px 0 #7dd1ff, 54px 18px 0 #7dd1ff, 60px 18px 0 #7dd1ff, 66px 18px 0 #7dd1ff, -36px 24px 0 #7dd1ff, -30px 24px 0 #7dd1ff, -24px 24px 0 #7dd1ff, -18px 24px 0 #7dd1ff, -12px 24px 0 #7dd1ff, -6px 24px 0 #7dd1ff, 0 24px 0 #7dd1ff, 12px 24px 0 #7dd1ff, 18px 24px 0 #7dd1ff, 24px 24px 0 #7dd1ff, 30px 24px 0 #7dd1ff, 42px 24px 0 #7dd1ff, 48px 24px 0 #7dd1ff, 54px 24px 0 #7dd1ff, 60px 24px 0 #7dd1ff, 66px 24px 0 #7dd1ff, 72px 24px 0 #7dd1ff, 78px 24px 0 #7dd1ff, -24px 30px 0 #7dd1ff, -18px 30px 0 #7dd1ff, -12px 30px 0 #7dd1ff, -6px 30px 0 #7dd1ff, 0 30px 0 #7dd1ff, 6px 30px 0 #7dd1ff, 12px 30px 0 #7dd1ff, 18px 30px 0 #7dd1ff, 24px 30px 0 #7dd1ff, 30px 30px 0 #7dd1ff, 36px 30px 0 #7dd1ff, 42px 30px 0 #7dd1ff, 48px 30px 0 #7dd1ff, 54px 30px 0 #7dd1ff, 60px 30px 0 #7dd1ff, 66px 30px 0 #7dd1ff, -6px 36px 0 #7dd1ff, 0 36px 0 #7dd1ff, 6px 36px 0 #7dd1ff, 12px 36px 0 #7dd1ff, 18px 36px 0 #7dd1ff, 24px 36px 0 #7dd1ff, 30px 36px 0 #7dd1ff, 36px 36px 0 #7dd1ff, 42px 36px 0 #7dd1ff, 48px 36px 0 #7dd1ff, 0 42px 0 #7dd1ff, 6px 42px 0 #7dd1ff, 12px 42px 0 #7dd1ff, 18px 42px 0 #7dd1ff, 24px 42px 0 #7dd1ff, 30px 42px 0 #7dd1ff, 36px 42px 0 #7dd1ff, 42px 42px 0 #7dd1ff, 6px 48px 0 #7dd1ff, 12px 48px 0 #7dd1ff, 18px 48px 0 #7dd1ff, 24px 48px 0 #7dd1ff, 30px 48px 0 #7dd1ff, 36px 48px 0 #7dd1ff, 12px 54px 0 #7dd1ff, 18px 54px 0 #7dd1ff, 24px 54px 0 #7dd1ff, 30px 54px 0 #7dd1ff, 6px 60px 0 #7dd1ff, 12px 60px 0 #7dd1ff, 18px 60px 0 #7dd1ff, 24px 60px 0 #7dd1ff, 30px 60px 0 #7dd1ff, 36px 60px 0 #7dd1ff, 0 66px 0 #7dd1ff, 6px 66px 0 #7dd1ff, 12px 66px 0 #57a5d1, 18px 66px 0 #7dd1ff, 24px 66px 0 #7dd1ff, 30px 66px 0 #57a5d1, 36px 66px 0 #7dd1ff, 42px 66px 0 #7dd1ff, 0 72px 0 #7dd1ff, 6px 72px 0 #57a5d1, 12px 72px 0 #57a5d1, 18px 72px 0 #57a5d1, 24px 72px 0 #57a5d1, 30px 72px 0 #57a5d1, 36px 72px 0 #57a5d1, 42px 72px 0 #7dd1ff, 6px 78px 0 #57a5d1, 12px 78px 0 #57a5d1, 18px 78px 0 #57a5d1, 24px 78px 0 #57a5d1, 30px 78px 0 #57a5d1, 36px 78px 0 #57a5d1, 12px 84px 0 #57a5d1, 18px 84px 0 #57a5d1, 24px 84px 0 #57a5d1, 30px 84px 0 #57a5d1;
  }

  @keyframes jump {
    0% {
      top: -10px;
    }

    50% {
      top: 0;
    }

    100% {
      top: -10px;
    }
  }

  @keyframes jump {
    0% {
      top: -10px;
    }

    50% {
      top: 0;
    }

    100% {
      top: -10px;
    }
  }


  @keyframes blink {
    0% {
      opacity: 1;
    }

    50% {
      opacity: 0;
    }

    100% {
      opacity: 1;
    }
  }
}

.col-beth.active {
  .beth {
    div {
      opacity: 1;
      transition: transform .6s linear, opacity .4s linear .4s, transform .6s linear;
    }
  }
}

.col-beth.active {
  .beth:before {
    display: inline-block;
  }
}

.col-beth.active {
  .beth:after {
    display: none;
  }
}

.col-chris.active {
  .chris {
    div {
      opacity: 1;
      transition: transform .6s linear, opacity .4s linear .4s, transform .6s linear;
    }
  }
}

.col-chris.active {
  .chris:before {
    display: inline-block;
  }
}

.col-chris.active {
  .chris:after {
    display: none;
  }
}

.col-danny.active {
  .danny {
    div {
      opacity: 1;
      transition: transform .6s linear, opacity .4s linear .4s, transform .6s linear;
    }
  }
}

.col-danny.active {
  .danny:before {
    display: inline-block;
  }
}

.col-danny.active {
  .danny:after {
    display: none;
  }
}

.col-wallow.active {
  .wallow {
    div {
      opacity: 1;
      transition: transform .6s linear, opacity .4s linear .4s, transform .6s linear;
    }
  }
}

.col-wallow.active {
  .wallow:before {
    display: inline-block;
  }
}

.col-wallow.active {
  .wallow:after {
    display: none;
  }
}
</style>
